/**
 *   Joomdiet - components/assets/css/base.css
 *   Author: Juan Dapena Paz (juan@bittingbits.com)
 *   Copyright (C) 2010 Bitting Bits S.L.
 *
 *   This program is free software: you can redistribute it and/or modify
 *   it under the terms of the GNU General Public License as published by
 *   the Free Software Foundation, either version 3 of the License, or
 *   (at your option) any later version.
 *
 *   This program is distributed in the hope that it will be useful,
 *   but WITHOUT ANY WARRANTY; without even the implied warranty of
 *   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *   GNU General Public License for more details.
 *
 *   You should have received a copy of the GNU General Public License
 *   along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */


#joomdiet-menu ul {
    background: none;
    list-style-type: none;
    margin: auto;
}

#joomdiet-menu ul li {
    background: none;
    display: inline;
    font-size: 1.1em;
    font-weight: bold;
    color: #222;
}

#foodsearch-panel label {
    font-weight: bold;
}

#resultpane {
    float: left;
    width: 50%;
}

#infopane {
    float: right;
    width: 49%;
    max-height: 320px;
    overflow: auto;
}

.tablepane {
    border: #CCC 1px solid;
    height: 280px;
    margin: 10px;
    overflow: auto;
}

tr.totalrow {
    border-top: #777 1px solid;
}

.joomdiettable {
    border-collapse: collapse;
}

.resultstable {
    padding: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.recommendedarea {
    border: #777 1px solid;
}

.joomdiettable td {
    padding: 0px;
    border: 0px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.row0 {
    background-color: #FEFEFE;
}

.row1 {
    background-color: #EFEFEF;
}

.tablerow {
    cursor: pointer;
}

.selected {
    background-color: #AEAEFE;
}

#mainpane {
    width: 90%;
    margin: auto;
    padding: 20px 20px 20px 20px;
}

.float {
    clear: both;
}

#daypartselectorarea {
    border: 1px solid #111;
    width: 95%;
    text-align: right;
    background-color: #EEE;
}

#daypartselectorarea ul {
    background: none;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: auto;
}

#daypartselectorarea ul li {
    background: none;
    display: inline;
    border-left: 1px solid #444;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}

#daypartselectorarea .selected {
    font-weight: bold;
}

#recipesearch {
    float: left;
    width: 50%;
    max-height: 330px;
}

.slider {
    height: 330px;
    max-height: 300px;
}

.slider2 {
    height: 530px;
}

.content {
    margin: 10px;
    width: 430px;
    height: 280px;
    overflow: auto;
    border: 1px solid #ccc;
}

#menuarea {
    float: right;
    width: 49%;
    max-height: 330px;
}

#breakfast-div {
    width: 100%;
}

#middlemorning-div {
    width: 100%;
}

#lunch-div {
    width: 100%;
}

#middleafternoon-div {
    width: 100%;
}

#dinner-div {
    width: 100%;
}

#contentarea {
    height: 390px;
}

#infotable {
    text-align: center;
}

.recipeitem {
    font-size: 0.8em;
    background: #EEE;
    margin: 2px;
    padding: 3px;
    text-align: left;
}

.recipeitem .lefttoolbar {
    float: left;
    width: 50%;
    text-align: left;
}

.recipeitem .righttoolbar {
    float: right;
    width: 30%;
    text-align: right;
}

.removerecipeitem {
    background: url('../images/delete.png') no-repeat center;
    width: 20px;
    border: 0px;
}

#headerresult {
    font-weight: bold;
    background: #ccc;
    margin: 0px;
    width: 50%;
}

#contentresult {
    overflow: auto;
    height: 350px;
    margin: 0px;
    width: 50%;
}

.labelcol {
    text-align: right;
    width: 190px;
    float: left;
}

.inputcol {
    width: 260px;
    float: right;
}

#formarea {
    width: 450px;
}

.inputcol input {
    width: 100%;
    margin-left: 10px;
}

.inputcol select {
    width: 100%;
    margin-left: 10px;
}
